<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script>
        //【1】scroll()此方法接收两个参数，依次为X坐标和Y坐标；设置滚动条的偏移位置。
        //【2】scrollTo()此方法和scroll()作用一样，都是设置滚动条的偏移位置。
        //【3】scrollBy()此方法同样接收两个参数，不过参数分别为X轴的偏移量和Y轴的偏移量，并且可以增加或者减少。
        function scrollWindow() {
            window.scrollTo(1500, 100);
        }
    </script>
</head>

<body>

    <input type="button" onclick="scrollWindow()" value="滚动条" />
    <div>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动动</div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <p>滚动 滚动 滚动 滚动 滚动 滚动 滚动 滚动</p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>

</body>

</html>